page {
  height: 100vh;
  background: $bg-main !important;
  font-size: $font-main;
  color: $color-text;
}

.safe {
  padding-bottom: calc(constant(safe-area-inset-bottom)) !important;
  padding-bottom: calc(env(safe-area-inset-bottom)) !important;
}

.fixed-safe {
  padding-bottom: 200rpx;
}

.mescroll {
  height: 100vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-sizing: border-box;

  &-body {
    flex: 1;
    overflow: hidden;
  }
}

/** 按钮头像支持选择微信头像样式 */
.unset-avatar {
  margin: 0 !important;
  padding: 0 !important;
  overflow: unset !important;
  background-color: transparent;
  /* #ifndef APP-PLUS */
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  /* #endif */
  /* #ifdef APP-NVUE */
  border-width: 0;
  /* #endif */

  &::after {
    border: none !important;
  }
}

.main {
  padding-left: 32rpx;
  padding-right: 32rpx;
}

.forItem {
  & + .forItem {
    margin-top: 20rpx;
  }
}

/** 旋转180度 */
.rotate-180 {
  transform: rotate(180deg);
  transition: all 0.3s ease-in-out;
}

@for $i from 1 through 5 {
  .text-line-#{$i} {
    @if $i == 1 {
      overflow: hidden !important;
      white-space: nowrap !important;
      text-overflow: ellipsis !important;
    } @else {
      -webkit-line-clamp: $i;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      line-height: 1.5;
    }
  }
}

